<template>
    <div class="card-wrap flex-column justify-end card-padding">
        <div class="card-title-wrap">
            <span>诉讼信息</span>
            <span></span>
        </div>
        <el-descriptions title="" :column=2>
            <el-descriptions-item label="诉讼申请原因">
                {{ info.proceedReason|filterNull }}
            </el-descriptions-item>
            <el-descriptions-item label="诉讼方案">
                {{ info.proceedPlan|filterNull }}
            </el-descriptions-item>
            <el-descriptions-item label="诉讼编号"> 
                <span style="cursor:pointer;color:blue" @click="litigationGo(info)">{{ info.proceedCode|filterNull  }}</span> 
            </el-descriptions-item>
            <el-descriptions-item label="附件上传" >
                <div class="flex">
                    <ImageCommon disabled v-model="info.proceedFile" :up-type="2" info="选择附件" :limit="20"></ImageCommon>
                </div>
            </el-descriptions-item>
        </el-descriptions>
    </div>

</template>

<script>

export default {
    name: "LitigationApplicationLitigation",
    components: {},
    props:{
        info: {
            type: Object,
            default: () => ({}),
        },
        id:{
            type:String,
            default:''
        }
    },
    dicts: [ 'progress_litigation'],
    data() {
        return {
            form:{
                rentedUnitNum:''
            },
        };
    },
    async created(){
    },
    methods: {
         // 诉讼编号跳转
         litigationGo(info){    
            this.$router.push({name: 'IitigationApplicationinfo',query:{id:info.id || this.id}})
        },
    }
};
</script>


<style lang="scss" scoped>
::v-deep .el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
    width: 70%;
}

::v-deep .el-tabs__item {
    font-size: 16px !important;
    //color: #333333;
    font-weight: bold;
}

::v-deep .el-descriptions__header {
    margin-top: -8px !important;
    margin-bottom: 10px !important;
}
</style>
